<%@page import="java.util.*;"%>

<%
Calendar cal = new GregorianCalendar();
int month = cal.get(Calendar.MONTH);
int year = cal.get(Calendar.YEAR);
int day = cal.get(Calendar.DAY_OF_MONTH);
//System.out.println("Current date : " 
//+ day + "/" + (month + 1) + "/" + year);
%>
<div>
<form>
<fieldset><legend>Get Teachers By Date</legend>
<table width="100%" cellpadding="5px" cellspacing="20px">
	<tr>
		<td><label>Date:</label></td>
		<td><input type="text" name="dob"
			value="<%= year + "-" + (month + 1) + "-" + day %>"/> <a href="#"
			onClick="setYears(1947, 2022);showCalender(this, 'dob');"> <img
			src="images/calender.png"></a> <jsp:include
			page="/jsp/admin/calendar.jsp"></jsp:include></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td><input type="button" value="View All Teachers"
			onclick="showMTARDiv()" /></td>
	</tr>
</table>
</fieldset>
</form>
</div>
<div id="MTAR" style="visibility: hidden">
<form>
<fieldset><legend>Teacher Attendance Report</legend>
<table cellpadding="10px" cellspacing="50px"
	style="border-collapse: collapse;">
	<tr style="background-color: rgb(185, 201, 254)">
		<th>Sr No.</th>
		<th>Teacher Id</th>
		<th>Teacher Name</th>
		<th>Percentage %</th>
	</tr>
	<tbody style="background-color: rgb(208, 218, 253)">
		<tr>
			<td>1.</td>
			<td>T100</td>
			<td>Mr. Krishna</td>
			<td>
			<div style="border: 1px solid; width: 100%; height: 22px">
			<div
				style="float: left; text-align: center; border: 1px solid green; background-color: green; width: 30%; height: 20px">
			<b>30%</b></div>
			</div>
			</td>
		</tr>
		<tr>
			<td>2.</td>
			<td>T101</td>
			<td>Mr. Mayank</td>
			<td>
			<div style="border: 1px solid; width: 100%; height: 22px">
			<div
				style="float: left; text-align: center; border: 1px solid green; background-color: green; width: 70%; height: 20px">
			<b>70%</b></div>
			</div>
			</td>
		</tr>
		<tr>
			<td>3.</td>
			<td>T102</td>
			<td>Mr. Sushanta</td>
			<td>
			<div style="border: 1px solid; width: 100%; height: 22px">
			<div
				style="float: left; text-align: center; border: 1px solid green; background-color: green; width: 80%; height: 20px">
			<b>80%</b></div>
			</div>
			</td>
		</tr>
	</tbody>
</table>

</fieldset>
</form>
</div>
